HTML 元素

发表于 更新于 分类于

HTML文档是由HTML 元素定义的。

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签

元素内容

结束标签

<p>

This is a paragraph

</p>

<a href=“default.html”>

This is a link

</a>

<br/>

注释: 开始标签通常被称为开放标签（opening tag），结束标签通常被称为闭合标签(closing tag)。

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容 （empty content）
  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）
  • 大多数HTML 元素可以拥有属性

嵌套的 HTML 元素

大多数的 HTML 元素可以嵌套 （可以包含其他 HTML元素）。
HTML 文档由嵌套的HTML 元素构成。

<html>
    <body>
        <p>This is my first paragraph</p>
    </body>
</html>
  • <html>元素定义了整个HTML文档。这个元素拥有一个开始标签<html>,以及一个结束标签</html>。元素的内容是另一个HTML 元素（body元素）。
  • <body>元素定义了HTML文档的主体，这个元素拥有了一个开始标签<body>,以及一个结束标签</body>。内容元素是另一个HTML元素（p元素）。
  • <p>元素定义了HTML文档中的一个段落。这个元素拥有一个开始标签<p>,以及一个结束标签</p>.元素的内容是：This is my first paragraph。

不要忘记结束标签

即使忘记了使用结束标签，大多数浏览器也会正确地显示HTML:

<p> This is a paragraph
<p> This is a paragraph

大多数浏览器中都没有问题，但是不能够依赖这种写法。忘记使用结束标签会产生不可预料的结果或错误。
注释： 未来的HTML版本不允许省略结束标签。

空的 HTML 元素

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br>标签定义换行）。
在 XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如<br />是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。
即使<br> 目前在所有浏览器中都是有效的，但使用<br/> 是更长远的保障。

HTML 提示: 使用小写标签

HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的HTML标签。
W3School 使用的是小写标签，万维网联盟（W3C）在HTML4 中推荐使用小写，而在未来（X）HTML 版本中强制使用小写。